#2D5914

Color Details

HEX
#2D5914
RGB
rgb(45, 89, 20)
HSL
hsl(98, 63%, 21%)
CMYK
cmyk(49%, 0%, 78%, 65%)
Best text on this color #FFFFFF (CR 8.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d5914
Contrast 2.55:1 Fail
White on #2d5914
Contrast 8.23:1 AAA
#2d5914 on Black
Contrast 2.55:1 Fail
#2d5914 on White
Contrast 8.23:1 AAA

Tints & Shades

#577a43
#819b72
#abbda1
#244710
#1b350c
#122408

Complement & Analogous

#3f1457
#14571d
#4e5714

Triadic

#142d57
#57142d

Monochrome

#122408 #1b350c #2d5914 #819b72 #abbda1 #d5ded0

Analogous

#4e5714 #83895b #2d5914 #43794a #14571d #104617

Complementary Mix

#1b350c #2d5914 #819b72 #3f1457 #826692 #290d39

Nearby Colors

#2d5913
#2d5915
#2d5904
#2d5924

Embed #2D5914 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2D5914

#2D5914 converts to RGB(45, 89, 20) and HSL(98, 63%, 21%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2D5914 FAQs

What is the RGB value of #2D5914?
RGB: 45, 89, 20. Copy as CSS: rgb(45, 89, 20)
Is #2D5914 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D5914?
Complement: #3f1457.
Does #2D5914 have good contrast on white or black?
On white: 8.23:1 (AAA (normal text)). On black: 2.55:1 (Fails AA).